<template>
	<view class="mainBox">
		<view class="pawFrom">
			<div class="inpBox">
				<div class="drop-down" @click="openPickers">
					<uv-input type="password" suffixIcon="eye-off" placeholder="请输入内容" v-model="val"
						@change="change"></uv-input>
				</div>

			</div>
			<div class="inpBox">
				<div class="drop-down" @click="openPicker">
					<uv-input type="password" suffixIcon="eye-off" placeholder="请输入内容" v-model="values"
						@change="changes"></uv-input>

				</div>
			</div>
		</view>

		<button class="nextBtnm" @click="finish">完成</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			finish() {
				uni.navigateTo({
					url: "/pages/Login/Login"
				})
			}
		}
	}
</script>

<style>
	.mainBox {
		width: 750rpx;
		height: 100vh;
		background-image: url('https://dwz.cn/PmYG89wi');
		background-size: cover;

		background-position: center;

	}

	.pawFrom {
		width: 558rpx;
		height: 300rpx;
		background-color: aliceblue;
		border-radius: 15rpx;
		position: absolute;
		left: 10%;
		top: 22%;
		padding: 20rpx;
	}

	.inpBox {
		margin-bottom: 40rpx;
		margin-top: 30rpx;
	}

	.nextBtnm {
		width: 580rpx;
		height: 100rpx;
		position: absolute;
		left: 12%;
		bottom: 10%;
		padding: 20rpx;
		color: #3087ea;
	}
</style>